﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
 
    <!-- Bootstrap-->
    <link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:300|Nunito:700">
    <link href="../../Content/themes/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />
    <link href="../../Content/themes/bootstrap/css/font-awesome.css" rel="stylesheet"
        type="text/css" />
    <link href="../../Content/themes/bootstrap/css/slider-style.css" rel="stylesheet"
        type="text/css" />
    <link href="../../Content/themes/bootstrap/css/main.css" rel="stylesheet" type="text/css" />

</head>
<body>
  
    <header>
        <div class="row logo-wrapper">
            <div class="container">
                <div class="span4">
                    <a href="#" class="brand">Payment Online</a>
                </div>
                <div class="span3 pull-right">
                    @Html.Partial("_LogOnPartial")
                </div>
            </div>
        </div>
        </header>
    <!-- end of logo wraper -->
    <div class="row nav nav-wrapper">
        <div class="navbar container navbar-inverse">
            <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"><span
                class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span>
            </a>
            <div class="nav-collapse">
                @Html.Partial("Menu")
            </div>
            <!--/.nav-collapse -->
        </div>
        <!-- /.navbar -->
    </div>
    <div class="row">
        <div class="container slider-wrapper">
            <div class="da-slider" id="da-slider" style="background-position: 143550% 0%;">
                <div class="da-slide da-slide-fromright da-slide-current">
                    <h2>
                        Warm welcome</h2>
                    <p>
                        When she reached the first hills of the Italic Mountains, she had a last view back
                        on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village
                        and the subline of her own road, the Line Lane.</p>
                    <a class="da-link" href="#">Read more</a>
                    <div class="da-img">
                        <img alt="image01" src="images/1.png"></div>
                </div>
                <div class="da-slide da-slide-toleft">
                    <h2>
                        Easy management</h2>
                    <p>
                        Far far away, behind the word mountains, far from the countries Vokalia and Consonantia,
                        there live the blind texts. Separated they live in Bookmarksgrove right at the coast
                        of the Semantics, a large language ocean.</p>
                    <a class="da-link" href="#">Read more</a>
                    <div class="da-img">
                        <img alt="image01" src="images/2.png"></div>
                </div>
                <div class="da-slide da-slide-toleft">
                    <h2>
                        Revolution</h2>
                    <p>
                        A small river named Duden flows by their place and supplies it with the necessary
                        regelialia. It is a paradisematic country, in which roasted parts of sentences fly
                        into your mouth.</p>
                    <a class="da-link" href="#">Read more</a>
                    <div class="da-img">
                        <img alt="image01" src="images/3.png"></div>
                </div>
                <div class="da-slide da-slide-toleft">
                    <h2>
                        Quality Control</h2>
                    <p>
                        Even the all-powerful Pointing has no control about the blind texts it is an almost
                        unorthographic life One day however a small line of blind text by the name of Lorem
                        Ipsum decided to leave for the far World of Grammar.</p>
                    <a class="da-link" href="#">Read more</a>
                    <div class="da-img">
                        <img alt="image01" src="images/4.png"></div>
                </div>
                <nav class="da-arrows">
                    <span class="da-arrows-prev"></span>
                    <span class="da-arrows-next"></span>
                </nav>
            </div>
        </div>
    </div>
     <div id="dvLoading">
    </div>
    <div class="container slider-wrapper">
        @RenderBody()
    </div>
    <div class="social-stuffs">
        <div class="container">
            <div class="row">
                <div class="span4 offset2">
                    <h4>
                        Follow Us on</h4>
                    <ul>
                        <li class="fan-page"><a href=""><i class="fb icon-facebook"></i>Facebook</a></li>
                        <li class="fan-page"><a href=""><i class="gp icon-google-plus"></i>Google Plus</a></li>
                        <li class="fan-page"><a href=""><i class="tt icon-twitter"></i>Twitter</a></li>
                    </ul>
                </div>
                <div class="span4">
                </div>
                <div class="span4 offset2">
                    <h4>
                        Links</h4>
                    @Html.Partial("Footer")
                </div>
            </div>
        </div>
        <footer>
                <div class="container">
                    <p>&copy; 2013 - Payment Online - All Rights Reserved</p>
                </div>
            </footer>
    </div>
    <!-- Modal -->
    @*@Html.Partial("_PopupLogon")*@
    <script src="../../Content/themes/bootstrap/js/jquery-1.8.3.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/bootstrap.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/jquery.tweet.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/modernizr.custom.28468.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/jquery.cslider.js" type="text/javascript"></script>
    <script src="../../Content/themes/bootstrap/js/application.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            $('#da-slider').cslider({
                autoplay: true,
                bgincrement: 450
            });

        });
        $(function () {
            $(window).load(function () {
                $('#dvLoading').fadeOut(1000);
            });
        });
        // for tweets
        jQuery(function ($) {
            $(".tweet").tweet({
                username: "rkjha420",
                join_text: "auto",
                avatar_size: 28,
                count: 3,
                auto_join_text_default: "we said,",
                auto_join_text_ed: "we",
                auto_join_text_ing: "we were",
                auto_join_text_reply: " to: ",
                auto_join_text_url: "we were checking out",
                loading_text: "loading tweets..."
            });
        });
        
</script>

</body>
</html>
